<!-- 今日情况 -->
<template>
    <div class="today">
        <div class="module-title">已完成</div>
        <div class="no-list" v-if="complete.length==0">无</div>
        <ul class="list-ul clearfix" v-if="complete.length>0">
            <li class="list-li left" v-for="(item,index) in complete" :key="index">
                <img :src="item.Avatar ? item.Avatar : $parent.headError" alt="" :onerror="$parent.headError">
                <p>{{item.TureName}}</p>
            </li>
        </ul>
        <div class="module-title">未完成</div>
        <div class="no-list" v-if="incomplete.length==0">无</div>
        <ul class="list-ul clearfix" v-if="incomplete.length>0">
            <li class="list-li left" v-for="(item,index) in incomplete" :key="index">
                <img :src="item.Avatar ? item.Avatar : $parent.headError" alt="" :onerror="$parent.headError">
                <p>{{item.TureName}}</p>
            </li>
        </ul>
    </div>
</template>

<script>
import { axGet,axPost } from '@/api/index'

export default {
    name: "today",
    data(){
        return{
            complete:JSON.parse(sessionStorage.getItem("complete")) ,       //完成
            incomplete:JSON.parse(sessionStorage.getItem("incomplete")) ,   //未完成
        }
    },
    watch:{
        
    },
    created(){ 
        this.$parent.menuShow=false;
        
        /****** 验证登录 *****/ 
        if(!sessionStorage.getItem("myInfo")){
            this.$router.replace({path:'/',query: {}});
        }
    },
    mounted(){
    },
    methods:{
        
    }
}
</script>
<style type="text/css" scoped>
.today{
    padding-top:0.7rem; 
}
.module-title{
    padding-left: 0.32rem;
}
.no-list{
    text-align: center;
    padding: 0.5rem 0 1rem;
    text-align: center;
    font-size: 0.4rem;
}
.list-ul{
    padding: 0.54rem 0 0.64rem;
}
.list-li{
    padding-bottom: 0.38rem;
    width: 25%;
    text-align: center;
    
}
.list-li img{
    width: 0.98rem;
    height: 0.98rem;
    border-radius: 50%;
}
.list-li p{
    font-size: 0.3rem;
    line-height: 1;
    padding-top: 0.2rem;
    padding: 0.2rem;
    white-space:nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;
}
</style>